﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <style type="text/css">
        div {
            width: 600px;
            height: 500px;
            border: 1px solid #888;
            background-image: url(houyia.jpg);
            background-repeat: no-repeat;
            margin: 20px;
        }

        #box2 {
            background-size: cover;
        }
         #box3 {
            background-size: contain;
        }
         #box4 {
            background-size: 200px 200px;
        }

    </style>
</head>
<body>
    <div id="box1">

    </div>
    <div id="box2">

    </div>
    <div id="box3">

    </div>
    <div id="box4">

    </div>

</body>
</html>
